<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet" type="text/css" href="css/album.css"/>
    <link rel="stylesheet" type="text/css" href="css/picture.css"/>
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/jquery.mobile-1.4.5.js"></script>
    <script src="js/util.js"></script>
    <script src="js/album.js"></script>
</head>
<body>
<div data-role="page">

    <div data-role="header" data-disable-page-zoom="false" data-position="fixed">
        <h1>我的相册</h1>
    </div>
    <div data-role="content">
        <ul data-role="listview" id="listview"></ul>
    </div>
    <div id="addAlbum">
        <a href="#popupAddAlbum" data-rel="popup" data-position-to="window" data-inline="true" data-icon="check"data-transition="pop"><img src="img/plus_alt.png"/></a>
        <!--<a href="#home" data-rel="dialog"><img src="img/plus_alt.png"/></a>-->
        <div data-role="popup" id="popupMenu" data-theme="a">
            <div data-role="popup" id="popupAddAlbum" data-theme="c" class="ui-corner-all">
                <form>
                    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
                    <div style="padding:10px 20px;">
                        <h3 style="text-align: center">添加相册</h3>
                        <label for="albumName" class="ui-hidden-accessible">相册名</label>
                        <input type="text" name="user" id="albumName" value="" placeholder="相册名" data-theme="a">
                        <input type="button" data-theme="b" id="addAlb"value="submit"/>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">弹窗中使用表单</a>-->

    <div data-role="footer" data-disable-page-zoom="false" data-position="fixed"></div>

</div>

</body>
</html>